let user = {
	"id": 1,
	"name": "jack"
}
sessionStorage.setItem('user', JSON.stringify(user)) //相当于用户登录了
//保存当前页数
var currentPage = 1
var page = null
//数据的请求
//http://10.41.12.8:8888/shops?_limit=2&_page=2 _limit表示个数 对应的 _page 表示页数
function loadData(page = 1, limit = 4) {
	$.ajax({
		type: "get",
		url: `http://localhost:9900/shops?_limit=${limit}&_page=${page}`,
		success(data) {
			//先把ul变成空
			$('ul').empty()
			data.forEach(shop => {
				var htmlCode = $('ul').html() + `
                        <li>
                            <a href="./details.html?id=${shop.id}">
                                <img class="seckill_mod_goods_link_img" data-lazy-img="done"
                                src="${shop.pirUrl}" data-webp="no">
                            </a>
                            <h4 class="seckill_mod_goods_title ">${shop.goodTitle}</h4>
                            <p class="seckill_mod_goods_desc"> 
                                ${shop.goodDesc}
                            </p>
                            <div class="seckill_mod_goods_info">
                                <span class="seckill_mod_goods_info_txt">
                                    <span class="seckill_mod_goods_price"> 
                                        <i class="seckill_mod_goods_price_now"><em>¥</em>${shop.price}
                                        </i> 
                                </span>
                                <a href="#" class="seckill_mod_goods_info_i" onclick="addToCar(${shop.id})">立即抢购</a>
                            </div>
                        </li> `
				$("ul").html(htmlCode)
			});
		}
	})
}

function addToCar(shopid) {
	//获取用户的id 获取对应的shopId
	var userid = JSON.parse(sessionStorage.getItem("user")).id
	console.log(userid);
	//查询对应的购物车里面有没有这个商品
	//http://10.41.12.8:8888/car?shopid=68577367392
	$.ajax({
		type: "get",
		url: `http://localhost:9900/car?shopid=${shopid}&userid=${userid}`,
		dataType: "json",
		success: function(response) {
			if (response.length == 0) { //查不到数据
				$.ajax({
					type: "post",
					url: "http://localhost:9900/car",
					data: JSON.stringify({
						id: Date.now(), //利用时间挫完成对应的id添加操作 购物车id
						userid,
						shopid,
						count: 1
					}),
					dataType: "json",
					contentType: "application/json",
					success: function(response) {
						console.log('成功');
					}
				});
			} else {
				let car = response[0]
				car.count++
				//查的到数据
				$.ajax({
					type: "put",
					url: "http://localhost:9900/car/" + car.id,
					data: JSON.stringify(
						car
					),
					dataType: "json",
					contentType: "application/json",
					success: function(response) {
						console.log('成功');
					}
				});
			}
		}
	});
}
loadData()
//生成对应的换页的按钮
$.ajax({
	type: "get",
	url: "http://localhost:9900/page",
	dataType: "json",
	success: function(response) {
		// console.log(response);
		// 根据对应的page来生成对应的页数
		$('.controller').append($("<button class='prev'>上一页</button>"))
		//在中间添加对应的 显示页数
		for (let i = 1; i <= response.page; i++) {
			$('.controller').append($(`<button class='btn'>${i}</button>`))
		}
		$('.controller').append($("<button class='next'>下一页</button>"))
		page = response.page
		handlerChangePage()
	}
});
//修改对应页面的
function handlerChangePage() {
	//给对应的button添加事件
	$('.prev').click(function() {
		//将当前页减1
		currentPage--
		loadData(currentPage)
		//更改对应按钮的背景颜色
		$($('.btn')[currentPage - 1]).css('backgroundColor', "pink").siblings().css('backgroundColor', "")
		//如果是第一个的话
		if (currentPage == 1) {
			//当你为第一页的时候 上一页不能点击
			$('.prev').attr('disabled', 'disabled')
			return
		} else {
			$('.prev').removeAttr('disabled')
		}
		//如果是最后一页的话
		if (currentPage == page) {
			//当你为第一页的时候 上一页不能点击
			$('.next').attr('disabled', 'disabled')
		} else {
			$('.next').removeAttr('disabled')
		}
	})
	//给对应的button添加事件
	$('.next').click(function() {
		//如果是第一个的话
		if (currentPage == page) {
			//当你为第一页的时候 上一页不能点击
			$(this).attr('disabled', 'disabled')
			return
		} else {
			$(this).removeAttr('disabled')
		}
		//将当前页加1
		currentPage++
		loadData(currentPage)
		//更改对应按钮的背景颜色
		$($('.btn')[currentPage - 1]).css('backgroundColor', "pink").siblings().css('backgroundColor', "")
		//如果是第一个的话
		if (currentPage == 1) {
			//当你为第一页的时候 上一页不能点击
			$('.prev').attr('disabled', 'disabled')
			return
		} else {
			$('.prev').removeAttr('disabled')
		}
		//如果是最后一页的话
		if (currentPage == page) {
			//当你为第一页的时候 上一页不能点击
			$('.next').attr('disabled', 'disabled')
		} else {
			$('.next').removeAttr('disabled')
		}
	})
	$('.btn').click(function() {
		//获取自己里面显示的值
		currentPage = Number($(this).text())
		loadData(currentPage)
		//更改对应按钮的背景颜色
		$($('.btn')[currentPage - 1]).css('backgroundColor', "pink").siblings().css('backgroundColor', "")
		//如果是第一个的话
		if (currentPage == 1) {
			//当你为第一页的时候 上一页不能点击
			$('.prev').attr('disabled', 'disabled')
			return
		} else {
			$('.prev').removeAttr('disabled')
		}
		//如果是最后一页的话
		if (currentPage == page) {
			//当你为第一页的时候 上一页不能点击
			$('.next').attr('disabled', 'disabled')
		} else {
			$('.next').removeAttr('disabled')
		}
	})
}
